<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>推荐</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/order.css">
</head>

<body>
    <div class="container">
        <div class="header">
            <div class="search">
                <img src="./images/order/icon-search.png" alt="">
            <input type="text" placeholder="搜索你的早餐套餐">
        </div>
        <a href="love.html">
        <img src="./images/order/icon-more.png" alt="">
        
    </a>
    <div class="clear"></div>
        </div>
        <div class="clear"></div>
        <div class="title">
            <h1>推荐早餐搭配</h1>
            <a href="collect.html"><p>更多搭配</p></a>
        </div>
        <div class="clear"></div>
        <div class="choose">
            <ul>
                <li><a href="#">
                    <div class="box">
                        <img src="./images/order/pic.jpg" alt="">
                    </div>
                    <h3>汉堡薯条早餐搭配</h3>
                    <div class="clear"></div>
                    <div class="intro">
                        <p>汉堡套餐搭配</p>
                        <img src="./images/order/star.png" alt="">
                        <span>4.9</span>
                        <p class="prise">¥28.9</p>
                    </div>
                </a></li>
                <li><a href="#">
                    <div class="box">
                        <img src="./images/order/pic.jpg" alt="">
                    </div>
                    <h3>汉堡薯条早餐搭配</h3>
                    <div class="clear"></div>
                    <div class="intro">
                        <p>汉堡套餐搭配</p>
                        <img src="./images/order/star.png" alt="">
                        <span>4.9</span>
                        <p class="prise">¥28.9</p>
                    </div>
                </a></li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="title">
            <h1>新款推荐 </h1>
            <a href="match.html"><p>更多早餐</p></a>
        </div>
        <div class="clear"></div>
        <div class="bigmenu">
            <a href="choose.html">
            <div class="menu">
                <div class="menupic">
                    <img src="./images/order/recommend.jpg" alt="">
                </div>
                
                <h3>包包早餐薯条搭配-仅限时段</h3>
                <p>薯条早餐套餐搭配 </p>
                <p>
                    <span>
                    <img src="./images/images/star.png" alt="">
                    5.0
                </span>
                (296人评论)
                </p>
                <div class="clear"></div>
            </div>
            </a>
            <div class="menu">
                <div class="menupic">
                    <img src="./images/order/recommend2.jpg" alt="">
                </div>
                <h3>限时牛奶营养早餐搭配</h3>
                <p>汉堡套餐搭配</p>
                <p>
                    <span>
                    <img src="./images/images/star.png" alt="">
                    4.9
                </span>
                (128人评论)
                </p>
                <div class="clear"></div>
            </div>
            <div class="menu">
                <div class="menupic">
                    <img src="./images/order/recommend.jpg" alt="">
                </div>
                <h3>包包早餐薯条搭配-仅限时段</h3>
                <p>薯条早餐套餐搭配</p>
                <p>
                    <span>
                    <img src="./images/images/star.png" alt="">
                    5.0
                </span>
                (296人评论)
                </p>
                <div class="clear"></div>
            </div>
        </div>
        <div class="nav">
            <ul>
                <li><a href="index.html">
                    <span class="iconfont">&#xe615;</span>
                    <p>首页</p>
                </a></li>
                <li><a href="order.html">
                    <span class="iconfont" style="color: #ed545a;">&#xe61b;</span>
                    <p style="color: #ed545a;">点餐</p>
                </a></li>
                <li><a href="myorder.html">
                    <span class="iconfont">&#xe629;</span>
                    <p>订单</p>
                </a></li>
                <li><a href="mine.html">
                    <span class="iconfont">&#xe67a;</span>
                    <p>我的</p>
                </a></li>
            </ul>
        </div>
        <div class="clear"></div>
        <script src="./js/jquery-3.5.1.min.js"></script>
        <script src="./js/mine.js"></script>
    </div>
</body>
</html>